.detail {
  .tab-bar {
    margin-top:64px;
    display: flex;
    align-items: center;
    width:100%;
    border-bottom: 1px solid #f0f0f0;
    background-color: #fff;
    .tabs_item {
      flex:1;
      height: px2rem(45px);
      line-height: px2rem(45px);
      text-align: center;
      font-size: 16px;
      text-decoration: none;
      color: #666;
      position: relative;
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
      -webkit-user-select: none;
      -moz-user-focus: none;
      -moz-user-select: none;
      &.active {
        &:after {
          content: '';
          display: block;
          height: 4px;
          width: 60px;
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          background-color: #ffd161;
        }
      }
    }
  }
}
    .mask {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.7);
    }